Пређи на садржај

HTML5 Audio

С Википедије, слободне енциклопедије

HTML5 АУДИО HTML5 спецификација, која се бави аудио улазом, репродукцијом, синтезом, као и препознавањем гласа у прегледачу.

<audio> елемент

[уреди | уреди извор]

<audio> елемент представља звук, или аудио стрим.[1] Често се користи за репродукцију једног аудио датотека на веб страни, приказујући GUI widget са пусти/паузирај/контролу јачине звука.

<audio> елемент има следеће атрибуте:
  • глобалне атрибуте (accesskey; class; contenteditable; contextmenu; dir; draggable; dropzone; hidden; id; lang; spellcheck; style; tabindex; title; translate)
  • autoplay = "autoplay" или "" (empty string) или празно
    Даје инстрилцију УA да аутоматски почне да репродукује аудио стрим чим буде у могућности без заустављања.
  • preload = "none" или "metadata" или "auto" или "" (empty string) или празно
    • "none": Наговештава kорисничком агенту да се од корисника не очекује да му треба аудио стрим, или да је пожељно да минимизује беспотребан проток.
    • "metadata": Наговештава Корисничком агенту да се од корисника не очекује да му треба аудио стрим, али да је памћење података који га описују(трајање) пожељно.
    • "auto": Наговештава Корисничком агенту да је пожељно преузимање целог аудио стрима.
  • controls = "controls" или "" (empty string) или празно
    Командује корисничком агенту да открије кориснички интерфејс за контролу аудио стрима.
  • loop = "loop" или "" (empty string) или празно
    Командује корисничком агенту да се врати на почетак аудио стрима када дође до краја.
  • mediagroup = ниска
    Командује корисничком агенту да повеже више видеа и/или аудио стримова заједно.
  • muted = "muted" или "" (empty string) или празно
    Представљa подразумевано стање аудио стрима са могућем преклапањем корисничких преференци.
  • src = не-празна[URL] потенцијално са размацима
    Адреса аудио стрима.

Пример:[2]

<audio controls>
  <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4' />
  <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type='audio/ogg; codecs=vorbis' />
  <p>Ваш кориснички агент не подржава HTML5 Audio елемент.</p>
</audio>

Подржани прегледачи

[уреди | уреди извор]

Подржани формати аудио кодирања

[уреди | уреди извор]

Ова табела садржи тренутну подршку за формате аудио кодирања за<audio> елемент.

Претраживач Оперативни систем Формати подржани од стране раличитих веб прегледача
Ogg Vorbis WAV ИКМ MP3 AAC WebM Vorbis Ogg Opus WebM Opus
Гугл Хром Све подржано 9 Да Да Да
(укључујући AacPlus)
Да 25
(од v31 in Windows)
Да
Интернет експлорер Windows Не Не 9 9 Не Не Не
Мозила фајерфокс Све подржава 3.5 3.5 OS zavisni OS zavisni 4.0 15.0 28.0[4]
Опера Сви подржани 10.50 11.00 OS zavisni OS zavisni 10.60 14 Да
Сафари OS X Мануална инсталација 3.1 3.1 3.1
(укључује AacPlus)
Не Не Не

HTML5 аудио, као и HTML5 video, су усвојени од стране прегледача бесплатних и патентираних формата. У 2007. години, препорука за коришћење Vorbisa је била повучена из спецификација W3C као и коришћење Ogg Theora, наводећи као недостатак формата прихваћеност од стране свих водећих веб прегледача.

Apple и Microsoft, који су заузимали 39% веб тржишта, подржавају ISO/IEC формате AAC и старије MP3.

Мозила и Опера, контролишући 24% тржишта, подржавају слободан и отворен, Vorbis формат у Ogg и WebM садржајима, и критикују патентиране MP3 and AAC, који су загарантовани да буду “не-бесплатни”.

Гугл, контролишући 27% тржишта, је до сад обезбедио подршку за све могуће формате.

Гецко-засноване апликације и Safari такође подржавају PCM аудио у WAVE садржају.[5]

У 2012. години, слободан и отворен Опус формат је објављен и стандардизован од стране ИИОГ. Подржан је од стране Mozilla софтвера још од Gecko верзије 15.[6][7][8]

Веб аудио AПИ и Медиа-стрим AПИ Обрада

[уреди | уреди извор]

Веб аудио AПИ спецификација развијена од стране W3C описује висок степен JavaScript AПИ за обраду и синтезу аудио и веб апликација. Основна парадигма је аудио рутирајући граф, где је број објеката аудио чвора су повезани ѕаједно да дефинишу целокупни аудио рендеровање. Сама обрада це првобитно да се одвија у оквиру имплементације (типично оптимизован Асемблер / C / C++ код), али директна JavaScript обрада и синтеза је такође подржана.[9]

Мозила фајерфокс прегледач имплементира сличне аудио-дата AПИ екстензије још од верзије 4, имплементиране 2010. године[10] и пуштене у рад 2011. године, али Мозила упозорава да је не-стандрардна и застарела, и уместо препоручује Веб аудио AПИ.[11] Неке библиотеке JavaScript аудио обраде и синтезе као што су Audiolet Архивирано на сајту Wayback Machine (4. јул 2012) подржавају оба AПИ-а.

W3C Audio Working Group такође разматра Медиа-стрим AПИ Обрада спецификацију развијену од стране Мозиле.[12] Као додатак аудио обраде и миксовања, обухвата општије медиа-стримове, укључујући синхронизацију са HTML елементима, хватање аудио и видео стримова, и п2п- рутирање таквих медиа стримова.[13]

Подржани прегледачи

[уреди | уреди извор]
  • Компјутер
  • Мобилни телефон
    • Гугл Хром за Андроид 28 (Омогућено од верзије 29)
    • Сафари (мобилна верзија) 6 (Има забрану за коришћење (Мутовано осим ако корисник зове))
    • Мозила фајерфокс 23 (Омогућено од верзије 25)
    • Тизен

Веб говорни AПИ

[уреди | уреди извор]

Веб говорни AПИ циљa на то да омогући алтернативни уносни метод за веб апликације (без коришћења тастатуре). Са овим AПИ-јем, девелопери могу веб апликацијама да омогуће пребацивање говора у текст, са микрофона компјутера. Снимљени аудио се шаље на говорне сервере за транскрипцију, после чега се текст исписује за корисника. Сам AПИ може да подржи и серверски засновани као и уграђен механизам препознавања.[16] HTML група за говор је предложила имплементацију адуио-говорне технологије у прегледачима у универзалној форми. AПИ садржи оба:[17]

  • AПИ говорног уноса
  • Текст-у-говор AПИ

Гугл је интегрисао ову могућност у Гугл Хром, марта 2011. године.[18] Допуштајући својим корисницима претрагу веба сопственим гласом са следећим кодом:

<script type="application/javascript">
    function startSearch(event) {
        event.target.form.submit();
    }
</script>
<form action="http://www.google.com/search">
  <input type="search" name="q" speech required onspeechchange="startSearch">
</form>

Подржани прегледачи

[уреди | уреди извор]

Референце

[уреди | уреди извор]
  1. ^ „HTML5 audio element - W3C”. Архивирано из оригинала 06. 06. 2013. г. Приступљено 25. 05. 2015. 
  2. ^ HTML/Elements/audio - W3C Wiki
  3. ^ а б About HTML5 Audio and Video - Safari HTML5 Audio and Video Guide
  4. ^ Firefox — Notes (28.0) — Mozilla
  5. ^ Media formats supported by the HTML audio and video elements - HTML | MDN
  6. ^ Media formats supported by the HTML audio and video elements - HTML | MDN
  7. ^ September 11, 2012: Opus audio codec is now RFC6716, Opus 1.0.1 reference source released
  8. ^ It's Opus, it rocks and now it's an audio codec standard! ★ Mozilla Hacks – the Web developer blog
  9. ^ Rogers, Chris (15. 3. 2012). „Web Audio API”. W3C. Архивирано из оригинала 20. 07. 2012. г. Приступљено 4. 7. 2012. 
  10. ^ „Audio Data API”. 
  11. ^ „Introducing the Audio API extension”. Mozilla Developer Network. Mozilla. 5. 3. 2012. Архивирано из оригинала 05. 05. 2012. г. Приступљено 4. 7. 2012. 
  12. ^ „Audio Processing API”. W3C. 15. 12. 2011. Архивирано из оригинала 14. 06. 2012. г. Приступљено 4. 7. 2012. 
  13. ^ Robert O'Callahan (31. 5. 2012). „MediaStream Processing API”. W3C. Приступљено 4. 7. 2012. 
  14. ^ Web Audio API is now available in Chrome
  15. ^ Gilbertson, Scott (19. 9. 2011). „Chrome 14 Adds Better Audio, ‘Native Client’ Support”. Webmonkey. Wired. Архивирано из оригинала 22. 10. 2012. г. Приступљено 4. 7. 2012. 
  16. ^ „API draft”. Приступљено 28. 1. 2012. 
  17. ^ „HTML5 Speech API”. Приступљено 28. 1. 2012. 
  18. ^ „Talking to your computer”. Приступљено 28. 1. 2012. 

Спољашње везе

[уреди | уреди извор]